import React from "react";
import { NoticeBar, NavBar, ProductCard } from "react-vant";
import { VolumeO } from "@react-vant/icons";
import { useNavigate } from "react-router-dom";
import Email from '../../../public/image/email.png'
import "./index.css";
import { request } from "https";
const Index: React.FC = () => {
  const navigate = useNavigate();
 
  return (
    <div>
      <NavBar title="消息" onClickLeft={() => navigate(-1)} />
      <NoticeBar
        leftIcon={
          <VolumeO
            onPointerEnterCapture={undefined}
            onPointerLeaveCapture={undefined}
          />
        }
        text="维度医疗系统，移动系统开发个人研发高性能代码，高性能移动端系统"
      />
      <ProductCard
        title="系统消息"
        thumb="https://mms0.baidu.com/it/u=654684807,76350100&fm=253&app=138&f=JPEG?w=320&h=320"
      />
      <ProductCard
        title="问诊消息"
        thumb="https://mms1.baidu.com/it/u=505478513,2221010260&fm=253&app=138&f=PNG?w=130&h=130"
      />
      <ProductCard
        title="H币入账消息"
        thumb="http://mms2.baidu.com/it/u=3510452592,2804343232&fm=253&app=138&f=JPG?w=192&h=192"
      />
    </div>
  );
};
export default Index;
